<template>
    <div v-if="flag">条件绑定,ture的时候才会显示</div>
    <div v-else>条件绑定，false才会显示</div>
    <div v-if="data === 'A'">A</div>
    <div v-else-if="data === 'B'">B</div>
    <div v-else>都不是</div>
    <div v-show="flag">v-show也是判断，通过改变属性值"style = display :none"来进行渲染，
        这里会减少消耗，性能好一点，频繁切换使用性能会好一些</div>
</template>
<script>
    export default {
        data(){
            return{
                flag : false,
                data: "B"
            }
        }
    }
</script>